import { Chart, useChart } from "@/components/chart";

const series = [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380];

export default function ChartBar() {
	const chartOptions = useChart({
		stroke: { show: false },
		plotOptions: {
			bar: { horizontal: true, barHeight: "30%" },
		},
		xaxis: {
			categories: [
				"Italy",
				"Japan",
				"China",
				"Canada",
				"France",
				"Germany",
				"South Korea",
				"Netherlands",
				"United States",
				"United Kingdom",
			],
		},
	});

	return <Chart type="bar" series={[{ data: series }]} options={chartOptions} height={320} />;
}
